<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>First-Vue-Demo</title>
	<script src="https://cdn.bootcss.com/vue/2.5.17/vue.js"></script>
</head>
<body>
<div class="bg" id="app">
	
	<!-- 判断1、2都符合的话，只执行判断1 -->
	<div v-if="count > 0">
		判断1：count大于0，count的值是：{{count}}
	</div>
	<div v-else-if="count < 0 && count > -5">
		判断2：count小于0，count的值是：{{count}}
	</div>
	<div v-else="">
		判断3：countcount的值是：{{count}}
	</div>

	<div v-show="count == -1">
		show: {{count}}
	</div>

	<div v-for="item in list">
		{{item}}
	</div>

	<div v-for="item in nameList">
		{{item.name}}:{{item.age}}
	</div>

	<div>
		{{msg}}
	</div>

</div>

<script>
	var app = new Vue({
		el: '#app',
		data: {
			msg: 'Hello Vue!!!!',
			count: 0,
			list: [1,2,3],
			nameList:[
				{
					name: 'tom',
					age: 20		
				},
				{
					name: 'lily',
					age: 23		
				},
			]
		}
	})
</script>

</body>
</html>